<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>店铺详情</title>
    <link href="css/base.css" rel="stylesheet" type="text/css"/>
    <link href="css/css.css" rel="stylesheet" type="text/css"/>
    <link href="css/style1.css" rel="stylesheet" type="text/css"/>
    <link href="css/common.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.simpleGal.js"></script>
    <script type="text/javascript" src="js/jquery.imagezoom.min.js"></script>
    <script src="js/vue.js" type="text/javascript"></script>
    <script src="js/common_js.js" type="text/javascript"></script>
    <style>
        img {
            max-width: none;
        }

        .tb-pic a {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

        .tb-pic a img {
            vertical-align: middle;
        }

        .tb-pic a {
            *display: block;
            *font-family: Arial;
            *line-height: 1;
        }

        .tb-thumb {
            margin: 10px 0 0;
            overflow: hidden;
        }

        .tb-thumb li {
            float: left;
            width: 86px;
            height: 86px;
            overflow: hidden;
            border: 1px solid #cdcdcd;
            margin-right: 5px;
        }

        .tb-thumb li:hover, .tb-thumb .tb-selected {
            width: 84px;
            height: 84px;
            border: 2px solid #3A7ACD;
        }

        .tb-s310, .tb-s310 a {
            height: 365px;
            width: 365px;
        }

        .tb-s310, .tb-s310 img {
            max-height: 365px;
            max-width: 365px;
        }

        .tb-booth {
            border: 1px solid #CDCDCD;
            position: relative;
            z-index: 1;
        }

        div.zoomDiv {
            z-index: 999;
            position: absolute;
            top: 0px;
            left: 0px;
            background: #ffffff;
            border: 1px solid #ccc;
            display: none;
            overflow: hidden;
        }

        div.zoomMask {
            position: absolute;
            background: url("images/mask.png") repeat;
            cursor: move;
            z-index: 1;
        }

        <!--
        弹出隐藏层-- >
        .black_overlay {
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 1200px;
            background-color: black;
            z-index: 9999;
            -moz-opacity: 0.4;
            opacity: 0.40;
            filter: alpha(opacity=40);
        }

        .white_content {
            display: none;
            position: absolute;
            top: 20%;
            left: 40%;
            width: 400px;
            height: 175px;
            border: none;
            background-color: white;
            z-index: 100200;
            overflow: auto;
        }

        .white_content_small {
            display: none;
            position: absolute;
            top: 20%;
            left: 30%;
            width: 40%;
            height: 50%;
            background-color: white;
            z-index: 1002;
            overflow: auto;
        }

        .dialogbox {
            padding: 20px;
            line-height: 40px;
        }

        .addbtn {
            width: 22px;
            height: 22px;
            background: url(images/close2.png) no-repeat;
            margin-right: 5px;
            margin-top: 3px;
            border: none;
            float: right;
        }
    </style>
    <script type="text/javascript">
        //弹出隐藏层
        function ShowDiv(show_div, bg_div) {
            document.getElementById(show_div).style.display = 'block';
            document.getElementById(bg_div).style.display = 'block';
            var bgdiv = document.getElementById(bg_div);
            bgdiv.style.width = document.body.scrollWidth;
// bgdiv.style.height = $(document).height();
            $("#" + bg_div).height($(document).height());
        };

        //关闭弹出层
        function CloseDiv(show_div, bg_div) {
            document.getElementById(show_div).style.display = 'none';
            document.getElementById(bg_div).style.display = 'none';
        };

    </script>
</head>

<body>

    <div id="app">
        <!--头部导航-->
        <div class="nofix_head">
            <div class="top wrapper">
                <div class="float-lt margin-b10">
                    <ul>
                        <li><a href="login.html" target="_blank" class=" colororange unlogin">请登录</a></li>
                        <li><a href="register.html" target="_blank" class="unlogin">免费注册</a></li>
                        <li><a href="JavaScript:void (0)">欢迎使用云钢综合平台</a></li>
                    </ul>
                </div>
                <div class="float-rt">
                    <ul>
                        <li><a href="index.html" target="_blank">首页</a></li>
                        <!--<li><a href="">我要处置</a></li>-->
                        <!--<li><a href="">我要求购</a></li>-->
                        <li><a href="user.html">个人中心</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--头部导航END-->

        <div class="clear">&nbsp;</div>

        <!--网站头部-->
        <div class="sup-wid">
            <div class="supplie-top">
                <div class="clear">
                    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="nav">
                        <!--<tr>-->
                        <!--<td align="center"><a href="#">供应商首页</a></td>-->
                        <!--<td align="center"><a href="#">全部产品</a></td>-->
                        <!--<td align="center"><a href="#">企业介绍</a></td>-->
                        <!--<td align="center"><a href="#">最新产品</a></td>-->
                        <!--<td align="center"><a href="#">热销产品</a></td>-->
                        <!--<td align="center"><a href="#">促销产品</a></td>-->
                        <!--</tr>-->
                    </table>
                </div>
                <div class=" clear bread"><a href="index.html">首页</a> <span class="pipe">&gt;</span> <a href="factoryList.html">闲置资产商业街</a>
                    <span class="pipe">&gt;</span> <a href="#">店铺</a></div>
            </div>
            <div class="pro_detail" id="Details" v-cloak>
                <div class="float-lt pro_detail_con" style="margin-left:0;">
                    <div class="pro_detail_tit">商家：{{enterprise.name}}</div>
                    <div class="pro_detail_ad">编号:{{enterprise.id}}</div>
                    <div class="pro_detail_price  margin-t20"><span class="margin-r20">关注量：{{enterprise.follow}}</span><span class="margin-r20">收藏量：{{enterprise.collect}}</span></div>
                    <div class="pro_detail_price  margin-t20"><span class="margin-r20">总货值：{{enterprise.gross}}</span><span class="margin-r20">招标项目个数：{{enterprise.bids}}</span></div>
                    <div class="pro_detail_price  margin-t20"><span class="margin-r20">地址：{{enterprise.provinceName}}{{enterprise.cityName}}</span><span class="margin-r20"></span></div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="clear"></div>
            <div class="pro_con margin-t55" style="overflow:hidden;">
                <div class="pro_tab">
                    <ul>
                        <li class="cur">招标中的项目</li>
                        <li>竞价项目</li>
                    </ul>
                </div>
                <div class="conlist">
                    <div class="conbox" style="display:block;">
                        <div class="wrapper hour-circle">
                            <div class="fl left" id="InformationList" v-cloak>
                                <ul class="itemlist">
                                    <li v-for="(item, index) in unused">
                                        <div class="fl pic">
                                            <div><img :src="item.thumbnail" alt="云钢联合,闲置设备"></div>
                                        </div>
                                        <div class="fl info">
                                            <a href="" class="font16 tit">
                                                <span>商家：{{item.enterpriseName}}</span>
                                                <span>项目编号：{{item.projectCode}}</span></a>
                                            <a href="" class="font16 tit">
                                                <span>地址：{{item.provinceName === item.cityName ? "" : item.provinceName}}{{item.cityName}} </span>
                                                <span>项目名称：{{item.projectName}}</span></a>
                                            <a href="" class="font16 tit"><span>物资类别：{{item.typeName}}</span><span>招标期限：{{item.beginAt}}~{{item.endAt}}</span></a>
                                            <a href="" class="font16 tit"><span>浏览量：{{item.pageView}}</span><span>收藏量：{{item.collection}}</span></a>
                                            <a href="" class="font16 tit"><span>刷新时间：{{item.refreshAt}}</span></a>
                                        </div>
                                        <div class="fr collect" :id="item.id">
                                            <span class="half fr">
                                                <img src="images/ad2.png" alt="云钢联合,闲置设备" v-if="item.sort > 0"/>
                                            </span>
                                            <div class="clear"></div>

                                            <a href="javascript:void (0)" class="fr fav" style="margin-right: 40px" onclick="collect(this)">收藏</a>
                                            <a :href="['extraDetails.html?id='+item.id]" class="fr fav" style="margin-right: 40px">查看详情</a>
                                            <a href="javascript:void (0)" class="fr fav" style="margin-right: 40px">联系卖家</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="empty-wrap" style="display: none">
                                <img src="images/empty.png" alt="云钢联合,闲置设备"/>
                            </div>
                        </div>
                    </div>
                    <div class="conbox">
                        <div class="wrapper hour-circle">
                            <div class="fl left" id="AuctionList" v-cloak>
                                <ul class="itemlist">
                                    <li v-for="(item, index) in auctions">
                                        <div class="fl pic">
                                            <div><img :src="item.thumbnail" alt="云钢联合,闲置设备"></div>
                                        </div>
                                        <div class="fl info">
                                            <a href="" class="font16 tit">
                                                <span>商家：{{item.enterpriseName}}</span>
                                                <span>项目编号：{{item.projectCode}}</span></a>
                                            <a href="" class="font16 tit">
                                                <span>地址：{{item.provinceName === item.cityName ? "" : item.provinceName}}{{item.cityName}} </span>
                                                <span>项目名称：{{item.projectName}}</span></a>
                                            <a href="" class="font16 tit"><span>物资类别：{{item.typeName}}</span><span>招标期限：{{item.beginAt}}~{{item.endAt}}</span></a>
                                            <a href="" class="font16 tit"><span>浏览量：{{item.pageView}}</span><span>收藏量：{{item.collection}}</span></a>
                                            <a href="" class="font16 tit"><span>刷新时间：{{item.refreshAt}}</span></a>
                                        </div>
                                        <div class="fr collect" :id="item.id">
                                            <span class="half fr">
                                                <img src="images/ad2.png" alt="云钢联合,闲置设备" v-if="item.sort == 1"/>
                                            </span>
                                            <div class="clear"></div>
                                            <a href="javascript:void (0)" class="fr fav" onclick="collect(this)">收藏</a>
                                            <a :href="['extraDetails.html?id='+item.id]" class="fr fav">查看详情</a>
                                            <a href="javascript:void (0)" class="fr fav">联系卖家</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="empty-wrap" style="display: none">
                                <img src="images/empty.png" alt="云钢联合,闲置设备"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="helper">
                <div class="mod">
                    <div class="mod-wrap">
                        <h4><img src="images/h1.png" width="60" height="60"/><span>新手上路</span></h4>
                    </div>
                </div>
                <div class="mod">
                    <div class="mod-wrap">
                        <h4><img src="images/h2.png" width="60" height="60"/><span>如何支付</span></h4>
                    </div>
                </div>
                <div class="mod">
                    <div class="mod-wrap">
                        <h4><img src="images/h3.png" width="60" height="60"/><span>配送运输</span></h4>
                    </div>
                </div>
                <div class="mod mod-last">
                    <div class="mod-wrap">
                        <h4><img src="images/h4.png" width="60" height="60"/><span>售后服务</span></h4>
                    </div>
                </div>
                <div class="mod mod-last">
                    <div class="mod-wrap">
                        <h4><img src="images/h5.png" width="60" height="60"/><span>联系我们</span></h4>
                    </div>
                </div>
            </div>

        </div>

        <div class="clear">&nbsp;</div>


        <div class="footerpage"></div>


        <!--弹出层时背景层DIV-->

        <!--商品添加成功DIV-->
        <div id="fade" class="black_overlay"></div>
        <div id="MyDiv" class="white_content">
            <div style="width:385px; height:30px; background:#1ba67f; padding-left:15px; color:#fff; line-height:30px; font-size:14px;"> <span
                    onclick="CloseDiv('MyDiv','fade')">
            <input type="button" class="addbtn">
            </span>商品加入货仓
            </div>
            <div class="dialogbox">
                <p>商品添加成功！</p>
            </div>
        </div>
    </div>

    <!--商品收藏成功DIV-->
    <div id="fade2" class="black_overlay"></div>
    <div id="MyDiv2" class="white_content">
        <div style="width:385px; height:30px; background:#1ba67f; padding-left:15px; color:#fff; line-height:30px; font-size:14px;"> <span
                onclick="CloseDiv('MyDiv2','fade2')">
            <input type="button" class="addbtn">
            </span>商品收藏
        </div>
        <div class="dialogbox">
            <p>商品收藏成功！</p>
        </div>
    </div>
    </div>
    </div>



<script type="text/javascript">
    const app = new Vue({
        el: '#app',
        data() {
            return {
                id: 0,

                enterprise: {},
                unused: [],
                information: [],
                auctions: []
            }
        },
        mounted () {

            this.id = getUrlParam('id')

            this.$nextTick(() => {
                this.initData()
            })
        },
        methods: {
            initData() {
                const self = this
                getToken(function (token) {

                    ajax(`/enterprise/${self.id}`,'GET','',token,function (data) {
                        self.enterprise = data.data
                    })

                    // 获取消息
                    ajax(`/information/store/${self.id}`, 'GET', '', token, function (data) {
                        self.unused = data.data
                    })

                    ajax(`/auction/store/${self.id}`, 'GET', '', token, function (data) {
                        self.auctions = data.data
                    })

                })

            }
        },
        beforeDestory() {
            // clearInterval(this.timer)
        }
    });
</script>

<script>
    $(function () {

        $(".pro_tab li").each(function (i) {
            $(this).click(function () {
                $(this).addClass("cur").siblings().removeClass("cur");
                $(".conlist .conbox").eq(i).show().siblings().hide();
            })
        })


        $(".footerpage").load("footer.html");

        $(".jqzoom").imagezoom();

        $("#thumblist li a").mousemove(function () {
            $(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
            $(".jqzoom").attr('src', $(this).find("img").attr("mid"));
            $(".jqzoom").attr('rel', $(this).find("img").attr("big"));
        });
    });
</script>

</body>
</html>
